<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="css/public.css" media="all">
		<link rel="stylesheet" href="css/system.css" media="all">
		<script type="text/javascript" src="layui/layui.js"></script>
		<script type="text/javascript" src="layui/css/layui.css"></script>
		<script type="text/javascript" src="js/jquery.js"></script>
		
		<script type="text/javascript" src="js/paging.js"></script>
		<script type="text/javascript" src="js/calendar.js"></script>
		<script type="text/javascript" src="js/dateDetail.js"></script>
		<link href="css/calendar.css" rel="stylesheet" type="text/css"/>
	    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.css" rel="stylesheet">
	    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/js/bootstrap.bundle.js"></script>
		<!-- <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> -->
		<script type="text/javascript" src="js/jquery.tree.js"></script>
		<script type="text/javascript" src="js/system.js"></script>
		<title>系统设置-加班费用设置</title>
	</head>
	<body onload="pageStart(741)" style="background: #F6F6F6;">
		<!--选择部门start-->
		<div style="display: none;" id="departDiv" class="add-container">
			<div class="black-cloth"></div>
			<div class="add-content" style="width: 530px;height: 360px;top: 40%;">
				<div class="popup-top">
					<label class="popup-add-title">关联部门与员工</label>
					<img onclick="closePop(5);" src="img/close_icon.png"/>
				</div>
				<div id="sys-left-depart" class="sys-depart-div" style="width: 240px;margin-left: 30%;overflow-y: scroll;border: none;">
					<!-- <div class="sys-left-depart-item">
						<input type="checkbox" name="dataId" value="1">
						<label>工程部</label>
					</div>
					<div class="sys-left-depart-item">
						<input type="checkbox" name="dataId" value="2">
						<label>技术部</label>
					</div> -->
				</div>
				<div class="sys-popup-item">
					<button class="cancelBtn cancelBtn-depart" style="margin-left: 320px;" onclick="closePop(5);" >取消</button>
					<button class="saveBtn cancelBtn-depart" onclick="costDepartDataSave(1);">确定</button>
				</div>
				<input id="overtimeId" style="display: none;" />
			</div>
		</div>
		<!--选择部门end-->
		<div class="page-div" style="margin: 0px;">
			<a href="system_cost_settings.html">
			<div id="title_one" class="tab-div-click">				
				加班费用设置				
			</div>
			</a>
			<a href="system_leave_settings.html">
			<div id="title_two" class="tab-div-unclick">				
				请假费用设置
			</div>
			</a>
		</div>
		<div class="data-div" style="margin-top: 0px;">
			<div class="sys-title">费用设置 (请根据您企业的实际情况选择下列各项，将为您量身定制一些基础配置)</div>
			<div class="popup-item" style="margin-top: 0rem;">
				<label class="sys-left-title" style="width: 8rem;" onclick="calenderRun();">您选择的部门：</label>
				<!-- 选择的部门数据 -->
				<div class="choose-depart-div">
					<div id="sys-depart-data" class="sys-depart-data" style="display: block;width: 100%;">
						<!-- <div class="sys-depart-item" id="departId1" style="display: none;">
							<div class="sys-depart-item-top">
							<img class="sys-depart-item-img" src="img/sys_depart_icon.png" />
							<label>工程部</label>
							<img class="sys-depart-item-close" src="img/close_icon.png" />
							</div>
						</div> -->
					</div>
					<button class="sys-add sys-last sys-depart" onclick="showPic(4);"  style="margin-left: 3%;width: 8.75rem;height: 43px;">
						选择参与的部门</button>
				</div>
			</div>
			<div class="popup-item" style="margin-top: 0rem;display: none;">
				<label class="sys-left-title" style="width: 8rem;">输入加班费用：</label>
				<input type="number" id="overtime" class="sys-add sys-last sys-depart" style="margin-left: 2.4%;width: 8.75rem;"/>
				<label style="float: left;margin-top: 0.625rem;color: #666;">元/小时</label>
			</div>
			<div class="popup-item" style="margin-top: 0rem;margin-left: 15.625rem;width: 70%;display: none;">
				<button id="costSave" type="button" class="saveBtn" style="margin-left: 3.125rem;">保存</button>
			</div>
			<div class="popup-item" style="margin-top: 0rem;">
				<label class="sys-left-title" style="width: 8rem;">您选择日期：</label>
				<label class="set-tips">温馨提示：您可以只标出周末与节假日，工作日系统会帮您识别。</label>
			</div>
			<div id="content" style="margin-bottom: 1.25rem;">
			  <div id="calendar">
				<div class="calendar-content">
				  <div class="title-line">
					<a href="##" class="a1"><span class="img left-circle"></span></a>
					<div class="title"></div>
					<a href="##" class="a2"><span class="img right-circle"></span></a>
				  </div>
				  <div class="week">
					<span>日</span>
					<span>一</span>
					<span>二</span>
					<span>三</span>
					<span>四</span>
					<span>五</span>
					<span>六</span>
				  </div>
				  <div class="dateList" id="dateList"></div>
				</div>
			  </div>
			</div>
			<!-- 工资颜色的说明 -->
			<div id="costDesc" class="popup-item" style="text-align: right;display: none;">
				<div class="circle-one"></div><label class="circle-txt">1倍工资</label>
				<div class="circle-one circle-two"></div><label class="circle-txt">2倍工资</label>
				<div class="circle-one circle-three"></div><label class="circle-txt">3倍工资</label>
			</div>
			</br>
		</div>
		<!-- Modal -->
		<div class="modal" id="costSetModal" >
			<div class="setPop">
				<div id="costSet1">1 倍工资</div>
				<div id="costSet2">2 倍工资</div>
				<div id="costSet3">3 倍工资</div>
			</div>
		</div>
	</body>
</html>
